<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>订单</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body class="bg_fa">
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">订单</h1>
		</header>
		<div class="mui-content bg_fa padding_b60">
		    <div class="padding_12">
		    	<div class="bg_ff">
			    	<p class="padding_tb10 bor_b font_15 color_3"><img width="15" height="14" class="vertical-align_m mg_lr10" src="img/icon_mall.png"/>店铺名称...</p>
			    	<div class="mg_top10 padding_lr10 bor_b">
			    		<dl class="clearfix">
			    			<dt class="left width30"><img class="width100" src="img/img_pic3.png"/></dt>
			    			<dd class="left width70">
			    				<div class="mg_left10">
			    					<p class="mui-ellipsis color_3 ">商品名称...</p>
				    				<p class="font_13 color_99 mg_top10">
				    					<span >颜色: xx</span>
				    					<span class="mg_left20">尺寸: xx</span>
				    				</p>
				    				<p class="clearfix font_15 mg_top20">
				    					<span class="red left ">￥100</span>
				    					<span class="right">x 1</span>
				    				</p>
			    				</div>
			    				
			    			</dd>
			    		</dl>
			    	</div>
			    	<div class="mg_top10 padding_lr10">
			    		<dl class="clearfix">
			    			<dt class="left width30"><img class="width100" src="img/img_pic3.png"/></dt>
			    			<dd class="left width70">
			    				<div class="mg_left10">
			    					<p class="mui-ellipsis color_3 ">商品名称...</p>
				    				<p class="font_13 color_99 mg_top10">
				    					<span >颜色: xx</span>
				    					<span class="mg_left20">尺寸: xx</span>
				    				</p>
				    				<p class="clearfix font_15 mg_top20">
				    					<span class="red left ">￥100</span>
				    					<span class="right">x 1</span>
				    				</p>
			    				</div>
			    				
			    			</dd>
			    		</dl>
			    	</div>
			    	<div class="clearfix padding_10 color_6">
			    		<span class="left">商品总价</span>
			    		<span class="right">￥200.00</span>
			    	</div>
			    	<div class="clearfix padding_10 color_6">
			    		<span class="left">运费(快递)</span>
			    		<span class="right">￥30.00</span>
			    	</div>
			    	<div class="clearfix padding_10 color_6 bor_b">
			    		<span class="left">订单总价</span>
			    		<span class="right">￥230.00</span>
			    	</div>
			    	<div class="clearfix padding_10 color_6">
			    		<span class="left">总金额</span>
			    		<span class="right red">￥230.00</span>
			    	</div>
			    	<div class="clearfix padding_10 color_6">
			    		<span class="left">支付方式</span>
			    		<span class="right red pay_a">微信支付</span>
			    	</div>
			    </div>
			    <div class="bg_ff mg_top10">
			    	<div class="padding_10 bor_b mui-ellipsis">
			    		收件人:  收件人姓名...
			    	</div>
			    	<div class="padding_10 bor_b clearfix">
			    		<span class="left mui-ellipsis">地址:  详细地址, 详细地址...</span>
			    		<a href="javascript:void(0);" class="right"><img width="15" height="16" src="img/ic_locatio.png"/></a>
			    	</div>
			    	<div class="padding_10 bor_b ">
			    		邮编:  000000
			    	</div>
		        </div>
		    </div>
		</div>
		<div class="footer">
			<div class="clearfix">
				<div class="foot_right right text_right">
					<a href="psd-input-next.html" class="">去付款</a>
				</div>
			</div>
		</div>
	</body>
    <div class="footer mask" id="pay" >
		<div class="padding_lr12">
			<div class="clearfix padding_tb10">
				<h4 class="left font_15"><i class="line"></i>选择支付方式</h4>
				<a href="javascript:void(0);" class="right close"><img width="18" height="18" src="img/icon_closed.png"/></a>
			</div>
			<div class="clearfix paystyle-icon">
				<div class="mui-input-row mui-radio bor_b">
				    <label><img src="img/ic_gsbank_pay.png"/>工商银行</label>
				    <input name="radio" type="radio" checked>
				</div>
				<div class="mui-input-row mui-radio bor_b">
				    <label><img src="img/ic_wchat_pay.png"/>工商银行</label>
				    <input name="radio" type="radio" >
				</div>
				<div class="mui-input-row mui-radio ">
				    <label><img src="img/ic_wchat_pay.png"/>余额支付 (0.00)</label>
				    <input name="radio" type="radio" >
				</div>
			</div>
			
		</div>
	</div>
	<div class="overlay"></div>
	<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>